.js .inputfile {
    width: 0.8px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial;
    text-overflow: ellipsis;
    text-decoration: none;
    text-shadow: 1px -1px 5px #528ecc;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 12px 36px;
    border-radius: 6px;
    border: 1px solid #85b4d0;
    color: #ffffff;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #ffffff;
    background-color: #77a2bb;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #62869c;
}


@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}



    .myButtonnew {
	box-shadow:inset 0px 1px 0px -9px #dcecfb;
	background:linear-gradient(to bottom, #77a2bb 5%, #62869c 100%);
	background-color:#85bd;
	border-radius:6px;
	border:1px solid #85b4d0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 36px;
	text-decoration:none;
    text-shadow:1px -1px 5px #528ecc;
    
}
.myButtonnew:hover {
	background:linear-gradient(to bottom, #80b5ea 5%, #92abc4 100%);
	background-color:#80b5ea;
}
.myButtonnew:active {
	position:relative;
	top:1px;
}


.myButtonnew1 {
	box-shadow:inset 0px 1px 0px -1px #dcecfb;
	background:linear-gradient(to bottom, #3b6978 5%, #84a9ac 100%);
	background-color:#85bd;
	border-radius:6px;
	border:1px solid #84a9b3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;
    text-shadow:1px -1px 5px #3b6978;
    
}
.myButtonnew1:hover {
	background:linear-gradient(to bottom,#84a9ac 5%, #3b6978 100%);
	background-color:#84a9ac;
}
.myButtonnew1:active {
	position:relative;
	top:0.5px;
}


.myButtonnew2 {
	box-shadow:inset 0px 1px 0px -1px #dcecfb;
	background:linear-gradient(to bottom, #3b6978 5%, #84a9ac 100%);
	background-color:#85bd;
	border-radius:6px;
	border:1px solid #84a9b3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;
    text-shadow:1px -1px 5px #3b6978;
    
}
.myButtonnew2:hover {
	background:linear-gradient(to bottom,#84a9ac 5%, #3b6978 100%);
	background-color:#84a9ac;
}
.myButtonnew2:active {
	position:relative;
	top:0.5px;
}


    